<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      //   vue有3个阶段8个钩子
      //  空的U盘 -> 有数据的U盘 -> U盘给你 -> U盘挂载到你电脑上
      //    初始化阶段 beforeCreate创建前（vue是空的实例，没有数据） created创建后（有数据） beforeMount挂载前（找到了视图，但是和视图没有同步） mounted挂载后（视图和数据同步了）
      //    更新阶段 2
      //    销毁阶段 2
      //    生命周期钩子函数：在特定的阶段就会执行的回调函数
      //后面的回调函数不会立马执行 会等页面中所有的东西全部准备好才会执行
      //只有到了某一个特定的阶段才会执行，我们在vue中把onload类似这样的东西叫生命周期钩子函数
      window.onload = function () {
        console.log(document.querySelector("#app").innerHTML);
      };
    </script>
  </head>
  <body>
    <div id="app">111</div>
  </body>
</html>
